@layout("/common/_form.html",{js:["/assets/comm/swiper/swiper_edit.js"]}){

<form class="layui-form" id="swiperForm" lay-filter="swiperForm">
    <div class="layui-fluid" style="padding-bottom: 75px;">
        <div class="layui-card">
            <div class="layui-card-header">基本信息</div>
            <div class="layui-card-body">
                <div class="layui-form-item layui-row">
                    <input name="id" type="hidden"/>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label">图片<span style="color: red;">*</span></label>
                        <!--                        <div class="layui-input-block">-->
                        <!--                            <input id="url" name="url" placeholder="请输入路径" type="text" class="layui-input" lay-verify="required" required/>-->
                        <!--                        </div>-->
                        <div class="layui-input-block">
                            <input id="fileId" name="fileId" type="hidden" class="layui-input"/>
                            <button type="button" class="layui-btn layui-btn-sm" id="test1"><i class="layui-icon"></i>选择图片</button>
                            <div class="layui-upload-list">
                                <img class="layui-upload-img" id="demo1" width="92px" height="92px">
                                <p id="demoText"></p>
                            </div>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label">图片网络路径</label>
                        <div class="layui-input-block">
                            <input id="imgPath" name="imgPath" placeholder="请输入图片网络路径" type="text" class="layui-input" />
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-inline layui-col-md6">
                            <label class="layui-form-label">模块<span style="color: red;">*</span></label>
                            <div class="layui-input-block">
                                <select name="modular" lay-filter="simpleSelect" id="modular" lay-verify="required" required>
                                    <option value="">请选择模块</option>
                                    @for(item in mklx){
                                    <option value="${item.code}">${item.name}</option>
                                    @}
                                </select>
                                <!--                            <input id="modular" name="modular" placeholder="请输入模块 01 首页" type="text" class="layui-input" lay-verify="required" required/>-->
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md6">
                            <label class="layui-form-label">展示顺序<span style="color: red;">*</span></label>
                            <div class="layui-input-block">
                                <input id="idx" name="idx" placeholder="请输入展示顺序" type="text" class="layui-input" lay-verify="required" required/>
                            </div>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label">关联新闻</label>
                        <div class="layui-input-block">
                            <select name="newsId" lay-filter="simpleSelect" id="newsId" lay-search="">
                                <option value="">请选择点击图片时查看的新闻</option>
                                @for(item in displayNews){
                                <option value="${item.id}">${item.title}</option>
                                @}
                            </select>
                            <!--                            <input id="modular" name="modular" placeholder="请输入模块 01 首页" type="text" class="layui-input" lay-verify="required" required/>-->
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label">开关<span style="color: red;">*</span></label>
                        <div class="layui-input-block">
                            <input type="checkbox" id="openFlag" name="openFlag" lay-skin="switch" lay-verify="required" required value="0" lay-text="开启|关闭">
<!--                            <input id="openFlag" name="openFlag" placeholder="请输入开关 0 ：开 1：关" type="text" class="layui-input" lay-verify="required" required/>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group-bottom text-center">
        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;提交&emsp;</button>
        <button type="reset" class="layui-btn layui-btn-primary" ew-event="closeDialog">&emsp;取消&emsp;</button>
    </div>

</form>

@}